<template>
	<view>
		<view class="booklist" v-for="(item,index) in stort" @tap="jumpTo(item.id)">
			<view class="book-lf">
				<view class="book-title">
					{{item.title}}
				</view>
				<view class="book-con">
					{{item.hint}}
				</view>
			</view>
			<view class="book-rh">
				<image style="width: 80px;height: 80px;" :src="item.images"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"myBook",
		props:{
			stort:{
				type:Array
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			jumpTo(id){
				// console.log(id,"id");
				uni.navigateTo({
					url:"../../pages/content/content?id="+id,
				})
			}
		}
	}
</script>

<style>
.booklist{
	width: 100%;
	height: 110px;
}
.booklist::after{
	content: "";
	display: block;
	clear: both;
}
.booklist .book-lf{
	width: 260px;
	height: 80px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.book-lf .book-title{
	font-size: 18px;
	font-weight: bold;
}
.book-lf .book-con{
	padding-top:8px ;
	font-size: 15px;
	color: #808080;
}
.booklist .book-rh{
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 18px;
}
</style>
